<!DOCTYPE html>
<!--<html lang="en" xmlns="http://www.w3.org/1999/xhtml">-->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>DOM2和DOM3</title>
</head>
<body>
<h1>第十二章 DOM2和DOM3</h1>
<div id="scrollDiv" style="background-color: aliceblue">scrollDiv</div>
<div style="width: 100px;height: 100px;">
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
         viewBox="0 0 100 100" style="width:100%; height:100%">
        <rect x="0" y="0" width="100" height="100" style="fill:red"></rect>
    </svg>
</div>
<div id="div1">
    <p id="p1"><b>Hello</b> world!</p>
    <ul>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
    </ul>
</div>
<div id="showDiv"></div>
<button onclick="supportDomTest()">supportDomTest</button>
<button onclick="scrollToTopTest()">scrollToTopTest</button>
<button onclick="iteratorTest()">iteratorTest</button>
<button onclick="createTreeWalkerTest()">createTreeWalkerTest</button>
<button onclick="rangeTest()">rangeTest</button>
<button onclick="insertNodeTest()">insertNodeTest</button>
<button onclick="surroundContentsTest()">surroundContentsTest</button>
<script type="text/javascript" src="../js/ch12.js"></script>
</body>
</html>